<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>债券信息设置</title>

    <!--layui的CSS样式-->
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <!--layui的js-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <!--第三方下拉表格js-->
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <!--自己js的路径-->
    <script type="text/javascript" src="./js/bond.js"></script>
</head>
<body>
<!--表头工具栏-->
<script type="text/html" id="userToolBar">
    <div class="layui-btn-container layui-inline" style="float: right;">
        <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" lay-event="add">
            <i class="layui-icon layui-icon-add-circle"></i>
            新增数据
        </button>
        <button class="layui-btn layui-btn-danger layui-btn-sm" type="button" lay-event="deleteAll">
            <i class="layui-icon layui-icon-delete"></i>

            批量删除
        </button>
    </div>

    <form class="layui-form layui-col-space5">
        <label class="layui-form-label layui-bg-gray" style="width: 100px;text-align: center">计息起始日</label>

        <div class="layui-inline layui-show-xs-block">
            <input class="layui-input start"   autocomplete="off"  placeholder="请输入选择计息起始日"
                   name="end" id="end"  style="width: 170px;">
        </div>
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">债券代码</label>
            <div class="layui-input-inline">
                <input type="text" name="parRate" id="parRate" lay-verify="required"
                       autocomplete="off" placeholder="请输入债券代码" class="layui-input">
            </div>
        </div>
        <div class="layui-inline layui-show-xs-block" >
            <button class="layui-btn layui-btn-primary" lay-submit="search" lay-event="search" lay-filter="search"><i class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
    </form>

</script>

<!--表格的行内按钮-->
<div class="layuimini-main">
    <!--表格-->
    <table id="userTable" lay-filter="userTable"></table>
    <!--工具条-->
    <div style="display: none;" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="edit" style="background-color: #1E9FFF"><i
                class="layui-icon">&#xe642;</i>编辑</a>
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="del" style="color: #FF0000"><i
                class="layui-icon">&#xe640;</i>删除</a>

    </div>
</div>
<!-- 表格本体 -->
<table id="bondTable" lay-filter="bondTable" style="width: 100%;"></table>

<!--增加的div内容-->
<div id="addContent"
     style="display: none; height: 100%; height: 100%; text-align: center;">
    <form id="addform" lay-filter="addform"
          class="layui-form layui-form-pane"
          style="margin: 30px auto; display: inline-block;">
        <input type="hidden" name="taTransactionId"/>
        <input type="hidden" name="fundId" />

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">证券编号</label>
            <div class="layui-input-inline">
                <input class="layui-input"  autocomplete="off" placeholder="证券编号"
                       name="bondId" id="insertSecurities">
            </div>

            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">债券名称</label>
            <div class="layui-input-inline">
                <input class="layui-input"  autocomplete="off" placeholder="债券名称"
                       name="bondName" >
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">计息起始日</label>
            <div class="layui-input-inline">
                <input type="text" name="bearingStart" lay-verify="required"
                       autocomplete="off" placeholder="计息起始日" class="layui-input start1" >
            </div>

            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">计息结束日</label>
            <div class="layui-input-inline">
                <input type="text" name="bearingEnd" lay-verify="required"
                       autocomplete="off" placeholder="计息结束日" class="layui-input start2"  >
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">债券类型</label>
            <div class="layui-input-inline">
                <select name="bondType">
                    <option placeholder="请选择"></option>
                    <option value="1">银行间</option>
                    <option value="2">非银行间</option>
                </select>
            </div>

            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">票面金额</label>
            <div class="layui-input-inline">
                <input type="text" name="faceAmount" lay-verify="required"
                       autocomplete="off" placeholder="票面金额" class="layui-input">
            </div>

        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">债券利息</label>
            <div class="layui-input-inline">
                <input type="text" name="bondInterest" lay-verify="required"
                       autocomplete="off" placeholder="债券利息" class="layui-input">
            </div>

            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">票面利率</label>
            <div class="layui-input-inline">
                <input type="text" name="delayDate" lay-verify="required"
                       autocomplete="off" placeholder="票面利率" class="layui-input">
            </div>

        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">付息次数</label>
            <div class="layui-input-inline">
                <select name="interestTime">
                    <option placeholder="请选择"></option>
                    <option value="1">1年一次</option>
                    <option value="2">1年俩次</option>
                    <option value="3">1年四次</option>
                </select>
            </div>
        </div>

        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="float: left; width: 130px; height: 100px; line-height: 81px";>备注</label>
            <div class="layui-inline layui-show-xs-block">
                <textarea name="bondRemark" required lay-verify="required" placeholder="备注" class="layui-textarea" style="width: 467px"></textarea>
            </div>
        </div>
        <div style="position: absolute; bottom: 20px; left: 38%;">
            <button class="layui-btn" lay-submit="" lay-filter="addsubmit" style="background-color: #1E9FFF">
                <i class="layui-icon">&#x1005;</i>添加
            </button>
            <button class="layui-btn layui-btn-primary" type="button" onclick="quxiao()" style="color: #FF0000">
                <i class="layui-icon">&#x1006;</i>取消
            </button>
        </div>

    </form>
</div>

<!-- 用于修改的表单 -->
<div id="editContent"
     style="display: none; height: 100%; height: 100%; text-align: center;">
    <form id="editform" lay-filter="editform"
          class="layui-form layui-form-pane"
          style="margin: 30px auto; display: inline-block;">
        <input type="hidden" name="taTransactionId"/>
        <input type="hidden" name="fundId" />

        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">证券编号</label>
            <div class="layui-input-inline">
                <input class="layui-input"  autocomplete="off" placeholder="证券编号"
                       name="bondId" >
            </div>

            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">债券名称</label>
            <div class="layui-input-inline">
                <input class="layui-input"  autocomplete="off" placeholder="债券名称"
                       name="bondName" >
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">计息起始日</label>
            <div class="layui-input-inline">
                <input type="text" name="bearingStart" lay-verify="required"
                       autocomplete="off" placeholder="计息起始日" class="layui-input start3"  >
            </div>

            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">计息结束日</label>
            <div class="layui-input-inline">
                <input type="text" name="bearingEnd" lay-verify="required"
                       autocomplete="off" placeholder="计息结束日" class="layui-input start4"  >
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">债券类型</label>
            <div class="layui-input-inline">
                <select name="bondType">
                    <option placeholder="请选择"></option>
                    <option value="1">银行间</option>
                    <option value="2">非银行间</option>
                </select>
            </div>

            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">票面金额</label>
            <div class="layui-input-inline">
                <input type="text" name="faceAmount" lay-verify="required"
                       autocomplete="off" placeholder="票面金额" class="layui-input">
            </div>

        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">债券利息</label>
            <div class="layui-input-inline">
                <input type="text" name="bondInterest" lay-verify="required"
                       autocomplete="off" placeholder="债券利息" class="layui-input">
            </div>

            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">票面利率</label>
            <div class="layui-input-inline">
                <input type="text" name="delayDate" lay-verify="required"
                       autocomplete="off" placeholder="票面利率" class="layui-input">
            </div>

        </div>
        <div class="layui-form-item" style="text-align: center;">
            <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">付息次数</label>
            <div class="layui-input-inline">
                <select name="interestTime">
                    <option placeholder="请选择"></option>
                    <option value="1">1年一次</option>
                    <option value="2">1年俩次</option>
                    <option value="3">1年四次</option>
                </select>
            </div>
        </div>

        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label layui-bg-gray" style="float: left; width: 130px; height: 100px; line-height: 81px";>备注</label>
            <div class="layui-inline layui-show-xs-block">
                <textarea name="bondRemark" required lay-verify="required" placeholder="备注" class="layui-textarea" style="width: 480px"></textarea>
            </div>
        </div>
        <div style="position: absolute; bottom: 30px; left: 38%;">
            <button class="layui-btn" lay-submit="" lay-filter="editsubmit" style="background-color: #1E9FFF">
                <i class="layui-icon">&#x1005;</i>修改
            </button>
            <button class="layui-btn layui-btn-primary" type="button" onclick="quxiao()" style="color: #FF0000">
                <i class="layui-icon">&#x1006;</i>取消



            </button>
        </div>

    </form>
</div>
</body>
</html>